<template>
  <div>
    <music-item
      v-for="item of lists"
      :item="item"
      :key="item.id"
      @jump="handleJump"
    ></music-item>
  </div>
</template>

<script setup>
import MusicItem from "./components/MusicItem.vue";
import { useDjListHook } from "./Hooks/useDjListHook";
const $router = useRouter();
const { lists } = useDjListHook();
const handleJump = (id) => {
  $router.push(`/detail?id=${id}`);
};
</script>

<style scoped></style>
